/* components/loading/loading.wxss */
.container {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: #fff;
  .loading_image {
    width: 50rpx;
    height: 50rpx;
    animation: rotateImg 2s infinite linear;
  }

  @keyframes rotateImg {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(361deg);
    }
  }
  .bottom {
    display: flex;
    align-items: baseline;
    .text {
      margin-top: 20rpx;
      font-size: 25rpx;
      color: #a9a9a9;
    }
    .point {
      width: 2px;
      height: 2px;
      background-color: #999;
      border-radius: 50%;
      margin: 0 2px;
      animation: bounce 1.4s infinite ease-in-out both;
    }
    .point:nth-child(2) {
      animation-delay: -0.3s;
    }
    .point:nth-child(3) {
      animation-delay: -0.15s;
    }
    
    @keyframes bounce {
      0%, 80%, 100% {
        transform: scale(0);
      }
      40% {
        transform: scale(1.0);
      }
    }

  }

}